import React from 'react';
import {View, Text, StyleSheet, ScrollView} from 'react-native';

const PublishScreen = () => {
  return (
    <ScrollView style={styles.container}>
      <Text style={styles.title}>发布指南</Text>
      <View style={styles.section}>
        <Text style={styles.sectionTitle}>Android 发布步骤</Text>
        <Text style={styles.step}>1. 生成签名密钥</Text>
        <Text style={styles.step}>2. 设置 gradle 变量</Text>
        <Text style={styles.step}>3. 添加签名配置</Text>
        <Text style={styles.step}>4. 生成发布 APK</Text>
      </View>
      <View style={styles.section}>
        <Text style={styles.sectionTitle}>iOS 发布步骤</Text>
        <Text style={styles.step}>1. 在 Xcode 中配置证书</Text>
        <Text style={styles.step}>2. 设置应用图标</Text>
        <Text style={styles.step}>3. 配置发布选项</Text>
        <Text style={styles.step}>4. 上传至 App Store</Text>
      </View>
    </ScrollView>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
  },
  title: {
    fontSize: 24,
    fontWeight: 'bold',
    margin: 16,
  },
  section: {
    padding: 16,
    borderTopWidth: 1,
    borderTopColor: '#eee',
  },
  sectionTitle: {
    fontSize: 18,
    fontWeight: '600',
    marginBottom: 12,
    color: '#333',
  },
  step: {
    fontSize: 15,
    lineHeight: 24,
    color: '#666',
    marginBottom: 8,
    paddingLeft: 16,
  },
});

export default PublishScreen; 